<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>scrummanager</title>
	<meta charset="ISO-8859-1"/>
	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/site/css/reset.css" type="text/css" media="all"/>
	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/site/css/grid.css" type="text/css" media="all"/>
	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/site/css/style.css" type="text/css" media="all"/>
	<link	href="#{facesContext.externalContext.requestContextPath}/css/button.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/site/js/jquery-1.4.2.min.js" ></script>
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/site/js/jquery.cycle.all.js"></script>

  <!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->
</h:head>

<h:body>

    <nav>
    	<div class="container">
        <div class="wrapper">
          <h1><a href="index.html"><strong>Scrum</strong>Manager</a></h1>
          <ul>
          	
            <li><a href="login.jsf">Login</a></li>
          </ul>
        </div>
      </div>
    </nav>
  
  <section id="content">
  	<div class="top">
    	<div class="container">
      	<div class="clearfix">
          <section id="gallery">
          	<div class="pics">
            	<img src="#{facesContext.externalContext.requestContextPath}/site/images/slide2.jpg" alt="" width="495" height="329"/>
              <img src="#{facesContext.externalContext.requestContextPath}/site/images/slide1.jpg" alt="" width="495" height="329"/>
              <img src="#{facesContext.externalContext.requestContextPath}/site/images/slide3.jpg" alt="" width="495" height="329"/>
              
            </div>
            <a href="#" id="prev"></a>
            <a href="#" id="next"></a>
          </section>
          <section id="intro">
          	<div class="inner">
          	  <h2>Gestão Ágil<br /><span>Sprints Gerenciáveis</span></h2>
              <p>Fusce euismod consequat ante. Lorem ipsum dolor sit<br /> amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in ls ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit at euismod in, auctor ut, ligula. </p>
              <a href="#" class="nicebutton custom big">Mais Detalhes</a>
          	</div>
          </section>
        </div>
      </div>
    </div>
  
    <div class="bottom">
    	<div class="container">
      	<div class="wrapper">
        	<div class="grid3 first">
            <h3>Database</h3>
            <ul class="list1">
              <li><a href="#">Real Application Clusters</a></li>
              <li><a href="#">Database Security</a></li>
              <li><a href="#">Secure Enterprise Search</a></li>
            </ul>
          </div>
          <div class="grid3">
            <h3>Quick Links</h3>
            <ul class="list2">
              <li><a href="#">Certification</a></li>
              <li><a href="#">Education</a></li>

            </ul>
          </div>
          <div class="grid3">
            <h3>Top Downloads</h3>
            <ul class="list2">
              <li><a href="#">Enterprise Architecture</a></li>
              <li><a href="#">Enterprise 2.0</a></li>

            </ul>
          </div>
           <div class="grid3">
            <h3>Top Downloads</h3>
            <ul class="list2">
              <li><a href="#">Enterprise Architecture</a></li>
              <li><a href="#">Enterprise 2.0</a></li>

            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <script type="text/javascript">
		$(document).ready(function() {
			$('.pics').cycle({
				fx: 'toss',
				next:   '#next', 
				prev:   '#prev' 
			});
		});
	</script>
</h:body>

</html>